<template>
  <div class="app">
    <h1>学习</h1>
    <el-card>
      <el-tabs>
        <el-tab-pane label="账户注册">
          <el-button type="primary" @click="isShow = true">个人注册</el-button>
        </el-tab-pane>
        <el-tab-pane label="表格">
          <tab></tab>
        </el-tab-pane>
        <el-tab-pane label="导入导出">
          <expo></expo>
        </el-tab-pane>
        <el-tab-pane label="导入导出">
          <tolead></tolead>
        </el-tab-pane>
      </el-tabs>
      <el-dialog
        title="请填写个人信息"
        :visible.sync="isShow"
        @close="closeDialog"
      >
        <see ref="see" @closeDialog="closeDialog"></see>
      </el-dialog>
    </el-card>
  </div>
</template>

<script>
import see from "./components/see.vue";
import Tab from "./components/tab.vue";
import expo from "./components/expo.vue";
import tolead from "./components/tolead.vue";
export default {
  data() {
    return {
      isShow: false,
    };
  },
  methods: {
    closeDialog() {
      this.isShow = false;
      this.$refs.see.$refs.fromRef.resetFields();
    },
  },
  components: {
    see,
    Tab,
    expo,
    tolead,
  },
};
</script>

<style>
</style>